<template>
  <div id="app">
    <!-- <div id="nav">
      <router-link to="/">Home</router-link> |
      <router-link to="/about">About</router-link>
    </div> -->
    <router-view />
  </div>
</template>
<script>
import { mapState } from 'vuex'
export default {
	computed:{
		...mapState([
			'userList'
	])
	},
	// sockets: {
	// 	welcome(data) {
	// 		console.log(data)
	// 	},
	// 	getUserList(data) {
	// 		this.$store.commit('setUserList',data)
	// 		console.log(this.userList)
	// 	}
	// }
}
</script>



<style lang="scss">

*{
	padding: 0;
	margin: 0;
}
.f-c-c{
	display: flex;
	justify-content: center;
	align-items: center;
}
.top-20{
	margin-top: 20px;
}
.border{
	border:1px solid red;
}
.vh100{
	height: 100vh;
}
.bb{
	box-sizing:border-box;
}

/*修改滚动条样式*/
div::-webkit-scrollbar {
	width: 10px;
	height: 10px;
	/**/
}
div::-webkit-scrollbar-track {
	background: rgb(239, 239, 239);
	border-radius: 2px;
}
div::-webkit-scrollbar-thumb {
	background: #bfbfbf;
	border-radius: 10px;
}
div::-webkit-scrollbar-thumb:hover {
	background: #999;
}
div::-webkit-scrollbar-corner {
	background: #179a16;
}
</style>
